<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/common/common.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script type="text/javascript" src="js/swiper.min.js">
		</script>
	</head>

	<body>
		<div id="web">
			<!--头部 宽995 高134-->
			<header>
				<div class="top clearfix">
					<div class="main">
						<span>全国热线：888888888</span>
						<div class="link fr">
							<a href="">设置首页</a>
							<a href="">添加收藏</a>
						</div>

					</div>
				</div>
				<nav class="clearfix">
					<div class="logo fl">
						<a href=""><img src="img/logo.jpg" /></a>
					</div>
					<ul class="fr clearfix">
						<li class="active">
							<a href="">
								<p>首页</p>
								<p>Home</p>
							</a>
						</li>
						<li>
							<a href="产品.html">
								<p>关于我们</p>
								<p>About</p>
							</a>
						</li>
						<li>
							<a href="产品详细.html">
								<p>产品中心</p>
								<p>Products</p>
							</a>
						</li>
						<li>
							<a href="">
								<p>服务支持</p>
								<p>Service</p>
							</a>
						</li>
						<li>
							<a href="">
								<p>新闻中心</p>
								<p>News</p>
							</a>
						</li>
						<li>
							<a href="">
								<p>在线商店</p>
								<p>Shop</p>
							</a>
						</li>
						<li>
							<a href="">
								<p>联系我们</p>
								<p>Contact Us</p>
							</a>
						</li>
					</ul>

				</nav>

			</header>
			<!--轮播图-->
			<div class="carou">
				<div class="lb">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide"><img src="img/1.jpg" /></div>
							<div class="swiper-slide"><img src="img/4aedd0fed2e48fb54c3cea1e9d046bdb.jpg" /></div>
							<div class="swiper-slide"><img src="img/9adf4fee54f0a839282f9ecc5b17f377.jpg" /></div>
							<div class="swiper-slide"><img src="img/ae48513b67f42c6683d0b6173d839bdf.jpg" /></div>
						</div>

						<div class="swiper-pagination"></div>
					</div>
				</div>

			</div>
			<!--产品介绍-->
			<div class="about clearfix">

				<div class="item fl">
					<div class="news">
						<img src="img/2.jpg" />
						<p>新闻中心</p>
						<p>NEWS.CENTER</p>
						<hr />
					</div>
					<div class="chuanxin clearfix">
						<h4>CeBIT 2015</h4>
						<div class="img fl">
							<img src="img/5_03.jpg" />
						</div>
						<div class="p fl">
							<p>创新ICT共建全联接世界德国汉诺威展览中心</p>
							<p>3月16日-20日</p>
						</div>
					</div>
					<div class="shanghai">
						<ul class="clearfix">
							<li>
								<p>上海国际智能建筑展览会</p>
							</li>
							<li>
								<p>上海国际智能建筑展览会</p>
							</li>
							<li>
								<p>2014中国（贵阳）公告安全防范产品博览会</p>
							</li>
						</ul>
					</div>
				</div>

				<div class="xinpin fl">

					<div class="news">
						<img src="img/3.jpg" />
						<p>新品发布</p>
						<p>NEW.PRODUCTS</p>
						<hr />
					</div>

					<div class="shexiang">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="img/5.jpg" /></div>
								<div class="swiper-slide"><img src="img/5.jpg" /></div>
								<div class="swiper-slide"><img src="img/5.jpg" /></div>
							</div>
							<div class="swiper-button-prev"></div>
							<div class="swiper-button-next"></div>
						</div>
					</div>
					<div class="p">
						<h3>s6213w-y</h3>
						<p>海思3518E方案，多码流技术，百万高清</p>
					</div>
				</div>

				<div class="pinpai fl">

					<div class="news">
						<img src="img/4.jpg" />
						<p>品牌介绍</p>
						<p>INFORMATION</p>
						<hr />

					</div>
					<div class="img1">
						<img src="img/6.jpg" />
					</div>
					<div class="di">
						<div class="img2 fl">
							<img src="img/52_03.png" />
						</div>
						<div class="p fl">
							<p>"siepem"品牌是广州市TK科技有限公司 推出的自有品牌
							</p>
						</div>
						<div class="img2 fl"><img src="img/51_03.png" /></div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			
			<!--关于我们-->
			<div class="women">
				<h3>关于我们</h3>
				<div class="wmen clearfix">
					<div class="img4 fl">
						<img src="img/54_03.png" />
					</div>
					<div class="p4 fl">
						<p>STORE DISPLAY</p>
					</div>
					<div class="img4 fl">
						<img src="img/54_03.png" />
					</div>
				</div>
			</div>
			

			<div class="contact">
				<div class="p">
					<p>广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。</p>
					<p> TK公司自创立以来, 一直持续加大研发投入和不断致力于技术创新。现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品 持续为客户创造最大价值。 </p>
				</div>

				<div class="lunkuo">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide"><img src="img/8.jpg" /></div>
							<div class="swiper-slide"><img src="img/10.jpg" /></div>
							<div class="swiper-slide"><img src="img/9.jpg" /></div>
						</div>
						<div class="swiper-scrollbar"></div>
					</div>
				</div>

			</div>

			<div class="women">
				<h3>联系我们</h3>
				<div class="wmen clearfix">
					<div class="img4 fl">
						<img src="img/54_03.png" />
					</div>
					<div class="p4 fl">
						<p>STORE DISPLAY</p>
					</div>
					<div class="img4 fl">
						<img src="img/54_03.png" />
					</div>
				</div>
			</div>
			

			<div class="dibu clearfix">
				<div class="shang fl">
					<div class="clearfix">
					<div class="erwei fl">
						<img src="img/12.jpg" />
						<p>微信扫一扫</p>
						<p>关注我们相关的信息</p>
					</div>
					
					<div class="xiaotu fl">
						<ul class="clearfix">
							<li><img src="img/13.png" /><span>服务热线：400-000-0000</span></li>
							<li><img src="img/14.png" /><span>联  系  人：某先生</span></li>
							<li><img src="img/15.png" /><span>公司邮箱：www.tk.com</span></li>
							<li><img src="img/16.png" /><span>公司传真：000-12345678</span></li>
							<li><img src="img/17.png" /><span>邮政编码：467000</span></li>
							<li><img src="img/18.png" /><span>公司地址：广州市某某区某某路某号</span></li>
						</ul>
						
					</div>
</div>
					<img src="img/18.jpg" />

				</div>

				<div class="youbian fl">
					<p>昵称</p>
					<input type="text" name="" class="chang" value="" />
					<p>联系电话</p>
					<input type="text" name="" class="chang" value="" />
					<p>电子邮箱</p>
					<input type="text" name="" class="chang" value="" />
					<p>内容</p>
					<input type="text" name="" id="duan" value="" />
					<input type="submit" name="" id="tijiao" value="提交" />
				</div>
			</div>
			

			<div class="yejiao">
				<div class="weixin">
					<ul class="clearfix">
						<li>
							<p>关注我们：</p>
						</li>
						<li><img src="img/qq.png" /></li>
						<li><img src="img/weixin.png" /></li>
					</ul>

				</div>
				<div class="wang">
					<ul class="clearfix">
						<li>
							<a href="">网站首页</a>
						</li>
						<li>
							<a href="">新闻动态</a>
						</li>
						<li>
							<a href="">关于我们</a>
						</li>
						<li>
							<a href="">团队风采</a>
						</li>
						<li>
							<a href="">联系我们</a>
						</li>
						<li>
							<a href="">在线留言</a>
						</li>
					</ul>
				</div>

			</div>
			<div class="xyejiao">
				<p>@2015 TK科技有限公司 版权所有沪ICP证13022560号-7 All Rights Reserved</p>
			</div>

		</div>

		<script>
			var mySwiper = new Swiper('.swiper-container', {
				direction: 'horizontal',
				loop: true,
				pagination: '.swiper-pagination',

				nextButton: '.swiper-button-next',
				prevButton: '.swiper-button-prev',
				scrollbar: '.swiper-scrollbar',
				autoplay: 3000,
				paginationClickable: true

			})
		</script>
	</body>

</html>